.root {
    composes: bg-white from global;
    composes: relative from global;
    composes: text-colorDefault from global;
    composes: z-foreground from global;
}

.root_masked {
    composes: root;
}

.page {
    composes: max-w-site from global;
    composes: mx-auto from global;
    composes: my-0 from global;
    min-height: 40rem;
}

.page_masked {
    composes: page;
}

@media screen(hsm) {
    .page {
        min-height: 48rem;
    }
}

@media screen(hmd) {
    .page {
        min-height: 60rem;
    }
}

@media screen(hlg) {
    .page {
        min-height: 72rem;
    }
}
